﻿html,body{
    height:100%;

}
html{
    overflow:scroll;
}
body{
}
.container,main{
    height:100%;
}
form{
    height:165%;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  display:none;
}
::-webkit-scrollbar-thumb {
  background: #a5a5a5;
  border-radius: 3px;
}
*{
    margin:0px;
    padding:0px;
    color:#333;
}
.content{
   /* background-color:#f8fbff;*/
    background-color:#fff;
    width:55%;
    height:70%;
    min-width:600px;
    position:absolute;
    top:110%;
    left:50%;
    transform:translate3d(-50%,-50%,0);
    border-radius:30px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-template-rows:repeat(2,1fr);
    box-sizing:border-box;
    padding:30px 20px;
    gap:30px;
    z-index:10;
    box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2);
    margin-bottom:30px;
    padding-top:50px;
}
.content .toggle{
    display:block;
    background-color:#45bdcf;
    position:absolute;
    top:10px;
    z-index:999;
    height:10px;
    width:100px;
    left:50%;
    transform:translateX(-50%);
    border-radius:10px;
    cursor:pointer;
}
.content div{
    transition:all 0.3s;
    border-radius:15px;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:5%;
}
.content div:hover {
    background-color:#e8f1ff;
    transform:translateY(-20px);
    box-shadow:0px 30px 30px 0px rgba(51, 51, 51,0.2);
}
.icon-shuidiantu,.icon-baoxiu-weixuanzhong,.icon-8-susheguanli,
.icon-sushe,.icon-jinzhidengji_o,.icon-fankuiyijian{
    font-size:5vw !important;
}
.icon-shuidiantu{
    color:#4285f4;
}
.icon-baoxiu-weixuanzhong{
    color:#6542f4;
}
.icon-8-susheguanli{
    color:#ffb607;
}
.icon-sushe{
    color:#00ca90;
}
.icon-jinzhidengji_o{
    color:#ff6000;
}
.icon-fankuiyijian{
    color:#4285f4;
}
.content div h3 {
    margin-top:10%;
}
.content div section{
    background-color:#fff;
    border-radius:20px;
    text-align:center;
    padding:2% 10%;
    box-shadow:5px 15px 10px 0px rgba(147, 209, 238,0.3);
    
}
/*轮播图*/
 .swiper {
        width: 100%;
        height: 65%;
        transition:all 1s;
           --swiper-navigation-color: #b6b6b6;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
    position:fixed !important;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .swiper-pagination {
          bottom:3%!important;
      }
      .swiper-pagination-bullet{
          border-radius:0px !important;
          width:60px !important;
          height:5px !important;
          border-radius:10px !important;
             background-color:#000 !important;
      }
      .swiper-pagination-bullet-active{
                 background-color:#45bdcf !important;
      }

      footer{
          display:none !important;
      }
      .container{
          margin:0px !important;
          padding:0px !important;
      }
      .mb-3{
            margin:0px !important;
      }